<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/detail.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body>
	  <header class="mui-bar mui-bar-nav detail">
	       <a class="mui-action-back mui-pull-left icon-left"></a>
	       <h1 class="detail-tit mui-ellipsis mui-pull-left">我的管家</h1>
	       <a href="" class="mui-pull-right icon-serve" style="font-size: .64rem;"></a>
	   </header>
		<div class="mui-content">
			<!--S轮播图-->
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop" id="sliderwrap">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
					<!-- 第四张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="http://placehold.it/400x240">
						</a>
					</div>
				</div>
			</div>
			<!--E轮播图-->
			
			<!--S头部信息-->
			<div id="content-header">
				
			</div>
			<!--E头部信息-->
			
			<!--按钮-->
			<div class="flow mt30">
				<ul>
					<i class="iactive first-i"></i>
					<li class="complete"><i></i>定金<br />交付</li>
					<li class="completing"><i></i>初步<br />沟通</li>
					<li class="undone"><i></i>管家服<br />务过程</li>
					<li class="undone"><i></i>余额<br />交付</li>
					<li class="undone"><i></i>评价<br />服务</li>
					<li class="undone"><i></i>服务<br />完成</li>
					<i class="last-i"></i>
				</ul>
			</div>
			<!--按钮-->
			
			<div class="interact mt30">
				<button class="contact">评价管家</button>
				<button class="complain">投诉管家</button>
			</div>
			
			
			
		</div>
		<script type="text/html" id="sliderJs">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="{{carousel[length].img}}?imageView2/1/w/400/h/300">
				</a>
			</div>
			{{each carousel as item index }}
			<div class="mui-slider-item">
				<a href="#">
					<img src="{{item.img}}?imageView2/1/w/400/h/300">
				</a>
			</div>
			{{/each }}
			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="{{carousel[0].img}}?imageView2/1/w/400/h/300">
				</a>
			</div>
		</script>
		<!--头部样式1-->
		<script type="text/html" id="wedshopheader">
			<div class="detail-header wedshop-header">
				<div class="shop-logo">
					<img src="http://placehold.it/90x90"/>
				</div>
				<h1 class="mod-title-30">管家名</h1>
				<p class="mod-price mt12">&yen;19999</p>
				<p class="mod-detail-22 mt6">婚礼经验：23场</p>
				<div class="under-line mt12"></div>
				<p class="mod-detail-22 lh36 mt12"><i class="icon-locat mr6"></i>重庆市渝中区解放碑时代豪苑D座31-9</p>
				<p class="mod-detail-22 lh36"><i class="icon-phone mr6"></i>023-4864-5633</p>
				<p class="mod-detail-22 lh36">客户评星:&nbsp;&nbsp;<i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></p>
				<a href="javascript:void(0)" class="make-online mt6">联系管家</a>
			</div>
			
		</script>

		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/detail.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			var data = {};
			var html = template("wedshopheader",data);
			mui("#content-header")[0].innerHTML =html;
		</script>
	</body>
	
	

</html>